<template>
  <div id="home">
      <Swiper/>
      <!-- <Echarts style="margin:100px 0; width: 100%;width:400px;height: 400px"/> -->
      <About style="margin-top: 5%;"/>
      <Video style="margin-top: 10%;"/>
      <Personal style="margin-top: 10%;margin-bottom:12%"/>
      
      <!-- <Tourist style="margin-top: 10%;"/> -->
  </div>
</template>

<script>
// import Echarts from '../../components/Echars3D.vue'
import Swiper from '../../components/Swiper.vue'
import About from '../../components/About.vue'
import Video from '../../components/Video.vue'
// import Tourist from '../../components/Tourist.vue'
import Personal from '../../components/Personal.vue'
export default {
    name:'home',
    components:{Swiper,About,Video,Personal}
}
</script>

<style>
.About,Video{
  margin-top: 10%;
}
</style>